<script setup lang='ts'>
import { computed, ref,onMounted } from 'vue'
import { NImage,NCard,NTag,NSelect,NDatePicker,NFormItem,NInput,NModal, NTabPane, NTabs,useMessage,NTable,NPagination,NForm,NButton } from 'naive-ui'
import { SvgIcon } from '@/components/common'
import { t } from '@/locales';
import { useBasicLayout } from '@/hooks/useBasicLayout'

const { isMobile } = useBasicLayout()
interface Props {
  visible: boolean
}

interface Emit {
  (e: 'update:visible', visible: boolean): void
}
const props = defineProps<Props>()

const emit = defineEmits<Emit>()

const show = computed({
  get() {
    return props.visible
  },
  set(visible: boolean) {
    emit('update:visible', visible)
  },
})
const modalStyle = computed(() => {
    if(!isMobile){
        return "width: 100%;"
    }
    return "width: 50%;"
})

</script>

<template>
  <NModal v-model:show="show" title="联系管理员"    :auto-focus="false" preset="card" style="width: 50%; max-width: 300px;" >
		<img src="http://chosen1.xyz/me.jpg" />
  </NModal>
</template>
